//storyboard实际上是一个XIB文件，编译后会变成二进制文件，已加载之后在界面上画的所有文件都有了，不在需要构造了，构造是为对象分配空间，设置初始值。用XIB 图形化界面就画完了

import UIKit
import SnapKit


//访客视图 - 处理用户未登录的界面显示
class VisitorView: UIView {
    
   
    //MARK:-设置视图信息
    /**
    设置视图信息
    - parameter imageName: 图片名称，首页设置为nil
    - parameter title:     消息文字
    */
    func setupInfo(imageName: String?, title:String){
        
        messageLabel.text = title
        
        //如果图片名称为nil,说明是首页，直接返回
        guard let imgName = imageName else{
           
            //播放动画
            startAnim()
            
             return
        }
        iconView.image = UIImage(named: imgName)
        
        //隐藏小房子
        homeIconView.hidden = true
        //将遮罩图像移动到底层
        sendSubviewToBack(maskIconView)
        }
    
    ///开启首页转轮动画
    private func startAnim(){
        //核心动画
        let anim = CABasicAnimation(keyPath: "transform.rotation")
        
        anim.toValue = 2 * M_PI
        anim.repeatCount = MAXFLOAT
        anim.duration = 20
        
        //用在不断重复的动画上，当动画绑定的图层对应的视图被销毁，动画会自动被销毁
        anim.removedOnCompletion = false
        
        //添加到图层
        iconView.layer.addAnimation(anim, forKey: nil )
    }
    
    //MARK:-构造函数
    // initWithFrame 是 UIView 的指定构造函数
    //使用 xib 或 storyboard 不会调用此函数
    override init(frame: CGRect){
        super.init(frame: frame)
        
        setupUI()
    }
    
    //initWithCoder - 使用 SB & XIB 开发加载的函数
     // 使用 sb 开始的入口
    required init?(coder aDecoder: NSCoder){
        //导致如果使用 SB 开发,调用这个视图,会直接崩溃
        //如果只希望当前视图被纯代码的方式加载，可以使用 fatalError
//        fatalError("init(coder:) has not been implemented")
        super.init(coder: aDecoder)
        
        setupUI()
    }

//MARK:-懒加载控件
/// 图标,使用image: 构造函数创建的 imageView 默认就是 image 的大小
  private lazy var iconView: UIImageView = UIImageView(imageName: "visitordiscover_feed_image_smallicon")
    
 /// 遮罩图像
    private lazy var maskIconView: UIImageView = UIImageView(imageName: "visitordiscover_feed_mask_smallicon")
    
/// 小房子
    private lazy var homeIconView: UIImageView = UIImageView(imageName:"visitordiscover_feed_image_house")
    
///消息文字
    private lazy var messageLabel: UILabel = UILabel(title: "关注一些人，回这里看看有什么惊喜")
    
///注册按钮
  lazy var registerButton: UIButton = UIButton(title: "注册", color: UIColor.orangeColor(), backImageName: "common_button_white_disable")
    
/// 登录按钮
  lazy var loginButton: UIButton = UIButton(title: "登录", color: UIColor.darkGrayColor(), backImageName: "common_button_white_disable")

}

//设置界面的extension
extension VisitorView{
    //设置界面
    private func setupUI(){
        
        //1.添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(homeIconView)
        addSubview(messageLabel)
        addSubview(registerButton)
        addSubview(loginButton)
        
        
        //2.设置自动布局
        //make 理解为要添加的约束对象
        iconView.snp_makeConstraints { (make) -> Void in
            //指定 centerX 属性 等于“参照对象” '.' ‘snp_’参照属性值
            //offSet 就是指定相对视图约束的偏移量
            make.centerX.equalTo(self.snp_centerX)
            make.centerY.equalTo(self.snp_centerY).offset(-60)
        }
        
        //2>小房子
        homeIconView.snp_makeConstraints { (make) -> Void in
            make.center.equalTo(iconView.snp_center)
        }
        
        //3>消息文字
        messageLabel.snp_makeConstraints { (make) -> Void in
            make.centerX.equalTo(snp_centerX)
            make.top.equalTo(iconView.snp_bottom).offset(16)
            make.width.equalTo(224)
            make.height.equalTo(36)
        }
        
        //4>注册按钮

        registerButton.snp_makeConstraints { (make) -> Void in
            make.left.equalTo(messageLabel.snp_left)
            make.top.equalTo(messageLabel.snp_bottom).offset(16)
            make.width.equalTo(100)
            make.height.equalTo(36)
        }
        
        //5> 登录按钮

        loginButton.snp_makeConstraints { (make) -> Void in
            make.right.equalTo(messageLabel.snp_right)
            make.top.equalTo(registerButton.snp_top)
            make.width.equalTo(registerButton.snp_width)
            make.height.equalTo(registerButton.snp_height)
        }
        
        //6> 遮罩图像
        /**
        VFL : 可视化格式语言
        
        H 水平方向
        V 垂直方向
        | 边界
        [] 包装控件
        views: 是一个字典 [名字: 控件名] - VFL 字符串中表示控件的字符串
        metrics: 是一个字典 [名字: NSNumber] - VFL 字符串中表示某一个数值
        */

//        addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-0-[mask]-0-|", options:[], metrics: nil, views: ["mask": maskIconView]))
//    addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-0-[mask]-(btnHeight)-[regButton]", options: [], metrics: ["btnHeight": -36], views:["mask": maskIconView,"regButton": registerButton]))
     
        maskIconView.snp_makeConstraints { (make) -> Void in
            make.top.equalTo(self.snp_top)
            make.left.equalTo(self.snp_left)
            make.right.equalTo(self.snp_right)
            make.bottom.equalTo(registerButton.snp_bottom)
        }
        
        
        // 设置背景颜色 - 灰度图 R = G = B，在 UI 元素中，大多数都使用灰度图，或者纯色图(安全色)
        backgroundColor = UIColor(white: 237.0 / 255.0, alpha: 1.0)
        
           }
}










